<template>
    <div class="product-icons">
        <!-- <div class="i">
            <uni-icons type="redo " :size="20" color="#888"></uni-icons> <span class="ml5">分享</span>
        </div>    -->

        <!-- <div>
            <uni-icons type="star" :size="20" color="#888"></uni-icons><span>收藏</span>
        </div>    -->

        <!-- <div class="i">
            <uni-icons type="staff" :size="20" color="#888"></uni-icons> <span class="ml5">{{json.saleNum}}人买过</span>
        </div>          -->


        <view class="operation">
            <view>
                <view class="icon-box eyes">
                    <image src="/static/images/browse.png" class="bb"></image>
                    <text>{{json.saleNum || 1}}人买过</text>
                </view>
                <view class="share icon-box eyes">
                    <image src="/static/images/share2.png"></image>
                    <button open-type="share" class="text">
                        <text class="">分享</text>
                    </button>
                </view>
            </view>
        </view>


         
    </div>
</template>

<script>



const app = getApp();
export default {
    props:['json'],
    components: {  },
    data () {
        return {
        }
    },

    onLoad (option) {

    },
    methods: {

        queryList(key){

        

        },
        openShareFunc() {
                let name = this.data.tmName
                let sellJson = this.data.sellJson
                swan.openShare({
                    title: `${name}商标交易-${name}第${sellJson.trademarkNameWordnum}类[${sellJson.trademarkTypeName}]商标出售-权域`,
                    content: '',
                    path: app.$getPagePath(),
                    imageUrl: app.$getImg(sellJson.trademarkPicId, 2),
                    success: res => {
                        swan.showToast({
                            title: '分享成功'
                        });
                    },
                    fail: err => {
                        console.log('openShare fail', err);
                    }
                });
        },
       
    }
}
</script>

<style scoped lang="scss">
.product-icons {
    display: flex;
    padding: 4px 0px;
    align-items: center;
    justify-content: flex-end;
    color: #888;
    // font-size: 16px;
    // width: 100%;
    // .i{
    //     width: 50%;
    //     text-align: center;
    // }
}
.operation {
	// position: absolute;
	// right: 0;
	// bottom: 20rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 6px 0;
	font-size: 24rpx;
    line-height: 1.1;
}

.operation .eyes {
	display: flex;
	align-items: center;
	color: #999;
	float: left;
}

.operation .eyes image {
	width: 42rpx;
	height: 42rpx;
	margin-right: 6rpx;
}

.operation .share {
	margin-left: 30rpx;
}
.operation .share .text{
    display: inline;
    padding: 0;
    margin: 0;
    font-size: 24rpx;
    color: #999;
    line-height: 1.1;
    background: transparent;
}


</style>
